.find{
    min-height: 100vh;
    background: $my-main-bg;
    .waterfall-list{
        padding: 16rpx 16rpx 0;
    }
    &-top{
        position: fixed;
        top:0;
        left:0;
        right:0;
        z-index: 99;
    }
    &-search{
        background: $my-main-color;
        padding: 20rpx 0;
        font-size: 26rpx;
        &-icon{
            height: 60rpx;
            width: 34rpx;
            position: absolute;
            left:25rpx;
            top:0;
            z-index: 2;
        }
        &-input{
           
            width: 700rpx;
            position: relative;
            margin: 0 auto;
           
            input{
                height: 60rpx;
                border-radius: 30rpx;
                width: 100%;
                background: #fff;
                padding-left: 85rpx;
                box-sizing: border-box;
            }
        }
    }

    &-tabs{
        display: flex;
        flex-direction: row;
       
       
        &-item{
            display: block;
            white-space: nowrap;
            margin-right:50rpx;
            padding: 25rpx 0rpx;
            font-size: 30rpx;
            color:#000;
            position: relative;
            transition: all 0.3s ease 0s;
            &::before{
                height: 4rpx;
                width: 50rpx;
                content:'';
                position: absolute;
                bottom:0;
                left:50%;
                transform: translateX(-50%);
                background:transparent;
                transition: all 0.3s ease 0s;
            }
        }
        .on{
            color:$my-main-color;
            &::before{
                background: $my-main-color;
            }

        }
    }

  
}